<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>导航元素</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" /><meta name="author" content="say"/>
		<link rel="shortcut icon" href="../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../static/font/font-awesome.min.css"/>
		<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 		
		<link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/theme-green.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/kui.css"/>
		<script type="text/javascript" src="../static/js/jquery-1.11.0.min.js" ></script>
		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>		
		<script type="text/javascript" src="../static/js/main.js" ></script>
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#">返回首页</a></li>
					<li><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="user-div">
				<img src="../static/images/users.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li><a href="#">个人中心</a></li>
							<li><a href="#">个人空间</a></li>
							<li class="active"><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-heart"></i>
						</a>
						<span id="">
							收藏
						</span>
					</li>
					<a href="#" class="exit" ><i class="fa fa-lg fa-power-off"></i>  退出</a>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						德育信息
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>查看德育细则</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课上评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课下评价</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>我的评价记录</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"> <a href="#">按钮</a></li>
						</ul>
					</div>
					<div class="con-list">
						<div class="dynamic loglist">
							<h3 class="demo-title">导航元素</h3>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">标签式的导航菜单</p>
							<ul class="nav nav-tabs">
								<li class="active"><a href="#">导航一</a></li>
								<li><a href="#">导航二</a></li>
								<li><a href="#">导航三</a></li>
								<li><a href="#">导航四</a></li>
								<li><a href="#">导航五</a></li>
								<li><a href="#">导航六</a></li>
							</ul>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">基本的胶囊式导航菜单</p>
							<ul class="nav nav-pills nav-normal">
							  	<li class="active"><a href="#">导航一</a></li>
								<li><a href="#">导航二</a></li>
								<li><a href="#">导航三</a></li>
								<li><a href="#">导航四</a></li>
								<li><a href="#">导航五</a></li>
								<li><a href="#">导航六</a></li>
							</ul>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">垂直的胶囊式导航菜单</p>
							<ul class="nav nav-pills nav-normal nav-stacked">
							  	<li class="active"><a href="#">导航一</a></li>
								<li><a href="#">导航二</a></li>
								<li><a href="#">导航三</a></li>
								<li><a href="#">导航四</a></li>
								<li><a href="#">导航五</a></li>
								<li><a href="#">导航六</a></li>
							</ul>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">两端对齐的导航元素</p>
							<ul class="nav nav-pills nav-normal nav-justified">
							  	<li class="active"><a href="#">导航一</a></li>
								<li><a href="#">导航二</a></li>
								<li><a href="#">导航三</a></li>
								<li><a href="#">导航四</a></li>
								<li><a href="#">导航五</a></li>
								<li><a href="#">导航六</a></li>
							</ul><br><br><br>
							<ul class="nav nav-tabs nav-justified">
							  	<li class="active"><a href="#">导航一</a></li>
								<li><a href="#">导航二</a></li>
								<li><a href="#">导航三</a></li>
								<li><a href="#">导航四</a></li>
								<li><a href="#">导航五</a></li>
								<li><a href="#">导航六</a></li>
							</ul>
						</div>
						<div class="dynamic loglist">
							<h3 class="demo-title">导航栏</h3>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">默认导航栏</p>
							<nav class="navbar navbar-default" role="navigation">
							    <div class="container-fluid">
							    <div class="navbar-header">
							        <a class="navbar-brand" href="#">导航一</a>
							    </div>
							    <div>
							        <ul class="nav navbar-nav">
							            <li class="active"><a href="#">导航二</a></li>
							            <li><a href="#">导航三</a></li>
							            <li class="dropdown">
							                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
							                                                  导航四
							                    <b class="caret"></b>
							                </a>
							                <ul class="dropdown-menu">
							                    <li><a href="#">二级导航一</a></li>
							                    <li><a href="#">二级导航二</a></li>
							                    <li><a href="#">二级导航三</a></li>
							                    <li class="divider"></li>
							                    <li><a href="#">二级导航四</a></li>
							                    <li class="divider"></li>
							                    <li><a href="#">二级导航五</a></li>
							                </ul>
							            </li>
							        </ul>
							    </div>
							    </div>
							</nav>
							<p style="font-size: 16px;margin:20px 0;font-weight: 600;">响应式导航栏</p>
							<nav class="navbar navbar-default" role="navigation">
							    <div class="container-fluid">
								    <div class="navbar-header">
								        <button type="button" class="navbar-toggle" data-toggle="collapse"
								                data-target="#example-navbar-collapse">
								            <span class="sr-only">切换导航</span>
								            <span class="icon-bar"></span>
								            <span class="icon-bar"></span>
								            <span class="icon-bar"></span>
								        </button>
								        <a class="navbar-brand" href="#">导航一</a>
								    </div>
								    <div class="collapse navbar-collapse" id="example-navbar-collapse">
								        <ul class="nav navbar-nav">
								            <li class="active"><a href="#">导航二</a></li>
								            <li><a href="#">导航三</a></li>
								            <li class="dropdown">
								                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
								                                                  导航四 <b class="caret"></b>
								                </a>
								                <ul class="dropdown-menu">
								                    <li><a href="#">二级导航一</a></li>
								                    <li><a href="#">二级导航二</a></li>
								                    <li><a href="#">二级导航三</a></li>
								                    <li class="divider"></li>
								                    <li><a href="#">二级导航四</a></li>
								                    <li class="divider"></li>
								                    <li><a href="#">二级导航五</a></li>
								                </ul>
								            </li>
								        </ul>
								    </div>
							    </div>
							</nav>


						</div>
					</div>
					
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		
	</body>
</html>
